/*/ ===== PAGE ELEMENTS =========================== */

@font-face {
  font-family: "Mitre Square";
  src: url(MitreSqu_U.ttf) format("truetype");}

* {
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: -moz-none;}

html {
	font-family: sans-serif;
	height: 100%;}

	body:before {
		content: "";
		position: fixed;
		top: -10px;
		left: 0;
		width: 100%;
		height: 10px;
		-webkit-box-shadow: 0px 0px 25px rgba(0,0,0,.9);
		-moz-box-shadow: 0px 0px 25px rgba(0,0,0,.9);
		box-shadow: 0px 0px 25px rgba(0,0,0,.9);
		z-index: 100;}

	body {
		background: url(bg-relax.jpg) no-repeat center center fixed;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
		width: 100%;
		height: 100%;
		display: inline-block;
		margin: 0;
		overflow-y: hidden;}

/*/ ===== IDENTIFIED ELEMENTS ===================== */

		#theContainer {
			height: 256px;
			width: 60%;
			position: absolute;
			left: 50%;
			top: 50%;
			margin-left: -30%;
			margin-top: -128px;}

			#logoContainer {
				height: 68px;}

				#logoText {
					position: relative;
					bottom: 20px;
					margin-left: 2%;
					font: 4em "Mitre Square", "Trebuchet MS", sans-serif;
					color: rgba(0,0,0,0.65);
					cursor: default;
					text-shadow: -1px -1px 1px rgba(80,80,80,0.75);}

			#searchContainer {
				height: 122px;
				min-width: 400px;}

				#searchForm {
					display: table;
					width: 100%;}

					#searchBoxContainer { 
						border: 1px solid rgba(0,0,0,0.5);
						border-radius: 10px;
						background: rgba(255,255,255,0.35);
						box-shadow: 0 2px 6px rgba(0,0,0,0.5), 
							inset 0 1px rgba(255,255,255,0.3), 
							inset 0 10px 10px rgba(255,255,255,0.2), 
							inset 0 10px 20px rgba(255,255,255,0.25), 
							inset 0 -15px 30px rgba(0,0,0,0.3);
						height: 120px;
						padding: 0px 30px;}

						#searchBox {
							margin-top: 40px;
							width: 100%;
							background-color: rgba(225,225,225,0.75);
							border: 1px solid rgb(150,150,150);
							border-top-color: rgb(100,100,100);
							border-radius: 5px;
							box-shadow: 0 1px 0 rgba(255,255,255,0.5);}

							#searchInputContainer {
								width: 100%;
								display: table-cell;}

								#searchText {
									background: transparent;
									width: 99%;
									border: 0px;
									color: rgb(34,34,34);
									padding: 6px;
									font-size: 1.2em;
									user-select: text;
									-webkit-user-select: text;
									-moz-user-select: text;}

									#searchText::-webkit-input-placeholder {
										color: rgba(34,34,34,0.25);}

									#searchText:-moz-placeholder {
										color: rgba(34,34,34,0.25) !important;}

								#searchText:focus {
									outline: none;}

								#searchButton {
									display: table-cell;
									vertical-align: middle;}

									#searchSubmit {
										background: transparent;
										height: 36px;
										opacity: 0.40;
										border: 0px;
										cursor: pointer;}

									#searchSubmit:active {
										background: transparent; 
										opacity: 1.0}

										#searchIcon {
											width: 20px;
											height: 20px;
											vertical-align: middle;}

			#bottomContainer {
				height: 68px;}